<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>vue.js</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
	<div id="vue-app">
		<h1>evens</h1>
		<button @click="add(1)">+</button>
		<button v-on:click="sub(1)">-</button>
		<button @dblclick="add(10)">按钮+10</button>
		<button v-on:dblclick="sub(10)">按钮-10</button>
		<p>my age is {{age}}</p>
		<div id="canvas" v-on:mousemove="updateXY">
			{{x}},{{y}}
		</div>
	</div>
<script type="text/javascript" src="app.js"></script>
</body>
</html>